<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <link rel="stylesheet" href="css/videoPlayerMain.css" type="text/css">
  <link rel="stylesheet" href="css/videoPlayer.theme1.css" type="text/css">
  <link rel="stylesheet" href="css/videoPlayer.theme1_Playlist.css" type="text/css" media="screen"/>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
  <script src="js/IScroll4Custom.js" type="text/javascript"></script>
  <script src='js/THREEx.FullScreen.js'></script>
  <script src="js/videoPlayer.js" type="text/javascript"></script>

  <script type="text/javascript" charset="utf-8">
    $(document).ready(function($)
    {
        videoPlayer = $("#video").Video({
            autoplay:false,
            autohideControls:4,
            videoPlayerWidth:746,
            videoPlayerHeight:420,
            posterImg:"images/preview_images/2.jpg",
            playlist:true,
            playNextOnFinish:true,
            fullscreen_native:true,
            fullscreen_browser:false,
            restartOnFinish:false,
            share:[{
                show:true,
                facebookLink:"http://codecanyon.net/",
                twitterLink:"http://codecanyon.net/",
                myspaceLink:"http://codecanyon.net/",
                wordpressLink:"http://codecanyon.net/",
                linkedinLink:"http://codecanyon.net/",
                flickrLink:"http://codecanyon.net/",
                bloggerLink:"http://codecanyon.net/",
                deliciousLink:"http://codecanyon.net/",
                mailLink:"http://codecanyon.net/"
            }],
            logo:[{
                show:true,
                clickable:true,
                path:"images/logo/logo.png",
                goToLink:"http://codecanyon.net/",
                position:"bottom-right"
            }],
            embed:[{
                show:true,
                embedCode:'<iframe src="www.yoursite.com/player/index.html" width="746" height="420" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
            }],
            videos:[
                {
                    id:0,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:1,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:2,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:3,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:4,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:5,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:6,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:7,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:8,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:9,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:10,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:11,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:12,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:13,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:14,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                },
                {
                    id:15,
                    title:"Sintel trailer",
                    mp4:"http://media.html5media.info/video.mp4",
                    webm:"http://media.html5media.info/video.webm",
                    ogv:"http://media.html5media.info/video.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic2.jpg",
                    info:"Video info goes here"
                },
                {
                    id:16,
                    title:"Oceans",
                    mp4:"http://video-js.zencoder.com/oceans-clip.mp4",
                    webm:"http://video-js.zencoder.com/oceans-clip.webm",
                    ogv:"http://video-js.zencoder.com/oceans-clip.ogv",
                    description:"Video description goes here.",
                    thumbImg:"images/thumbnail_images/pic1.jpg",
                    info:"Video info goes here"
                }
            ]
        });
    });

  </script>
</head>

<body>
  <div id="video"></div>
</body>

</html>